<!--
 * @Author: lijing
 * @e-mail: 1413979079@qq.com
 * @LastEditors: lijing
 * @Date: 2020-05-03 12:06:13
 * @LastEditTime: 2020-06-23 16:44:18
 * @FilePath: \client\src\views\Profile.vue
 * @Description: profile
 -->

<template>
  <el-row>
    <el-col :span="6">
      <el-menu default-active="/profile" router>
        <el-menu-item index="/profile">
          <i class="el-icon-document"></i>
          <span slot="title">我的作品</span>
        </el-menu-item>
        <el-menu-item index="/profile/collect">
          <i class="el-icon-menu"></i>
          <span slot="title">我的收藏</span>
        </el-menu-item>
      </el-menu>
    </el-col>
    <el-col :span="18" class="right-box">
      <router-view></router-view>
    </el-col>
  </el-row>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
@Component
export default class Profile extends Vue {}
</script>

<style lang="scss">
.right-box {
  padding-left: 15px;
}
</style>